@font-face {
	font-family: 'sangbleu_bptestfont_sanslight';
	src: url('../fonts/sangbleubptestfontsans-light.eot');
	src: url('../fonts/sangbleubptestfontsans-light.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/sangbleubptestfontsans-light.woff2') format('woff2'),
		 url('../fonts/sangbleubptestfontsans-light.woff') format('woff'),
		 url('../fonts/sangbleubptestfontsans-light.ttf') format('truetype'),
		 url('../fonts/sangbleubptestfontsans-light.svg#sangbleu_bptestfont_sanslight') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'sangbleu_bptestfont_sansLtIt';
	src: url('../fonts/sangbleubptestfontsans-lightitalic.eot');
	src: url('../fonts/sangbleubptestfontsans-lightitalic.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/sangbleubptestfontsans-lightitalic.woff2') format('woff2'),
		 url('../fonts/sangbleubptestfontsans-lightitalic.woff') format('woff'),
		 url('../fonts/sangbleubptestfontsans-lightitalic.ttf') format('truetype'),
		 url('../fonts/sangbleubptestfontsans-lightitalic.svg#sangbleu_bptestfont_sansLtIt') format('svg');
	font-weight: normal;
	font-style: normal;
}

/*----- Reset -----*/
html {
  margin:0;
  padding:0;
  border:0;height:100%;
}
body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd,
fieldset, form, label,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header,
hgroup, nav, section {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
}
ol,ul{margin-bottom:0;}

/* Line-height should always be unitless! */
body {
  color:#000;
  font: normal normal 100%/1.35em 'Roboto',Arial, Helvetica,sans-serif;
  background:url(../img/bg-body.jpg)repeat #16100b;
  word-wrap:break-word;height:100%;
}

/* This helps to make newer HTML5 elements behave like DIVs in older browers */
article, aside, details, figcaption, figure, dialog,
footer, header, hgroup, menu, nav, section {
    display:block;
}
input, select, textarea{
	margin:0;
	font-family:'Roboto',Arial, Helvetica,sans-serif;
}

/* Remove possible quote marks (') from &lt;q&gt, &lt;blockquote&gt. */
blockquote:before, blockquote:after, q:before, q:after { content: ''; }
blockquote, q { quotes: '' ''; }

/* Remove annoying border on linked images. */
a { text-decoration:none }
a img { border: none; }

/* Remember to define your own focus styles! */
:focus { outline: 0; }

input[type='search']{
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
input[type='checkbox'],input[type='radio']{box-sizing: border-box;padding: 0;}
*{
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
*:before,*:after{
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
a:link, a:visited{color:#0e98cb;}
a:hover{color:#0e98cb}
a:link,a:visited,a:hover,a:focus{
text-decoration:none;outline:0;
	-webkit-transition:all 0.4s ease-in-out;
	-moz-transition:all 0.4s ease-in-out;
	-o-transition:all 0.4s ease-in-out;
	transition:all 0.4s ease-in-out;
}
img{width:auto\9;height:auto;max-width:100%;vertical-align:middle;-ms-interpolation-mode:bicubic;}
/* clearfix */
.clearfix:after { clear: both; content: '.'; display: block; height: 0; line-height: 0; visibility: hidden; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }
.clear{clear:both}